<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org>
<head>
  <meta charset="UTF-8">
  <title>消息通知</title>
  <style>
    label{
      text-align: center;
    }
  </style>
</head>
<body>
<h2>消息通知-未读</h2>
<div class="form-group">
  <div class="col-xl-12">
    <label class="col-xl-1">内容</label> <input type="text" class="col-xl-2" id="search_content" name="content" placeholder="内容" >
    <label class="col-xl-1">标题</label> <input type="text" class="col-xl-2" id="search_title" name="title" placeholder="标题" >
    <label class="col-xl-1">图标</label> <input type="text" class="col-xl-2" id="search_icon" name="icon" placeholder="图标" >
    <input type="button" style="float: right" id="search_btn" class="btn btn-default btn-primary col-xl-1" value="查 询" >
  </div>
</div>

<div class="form-group">

</div>
<div class="modal fade" data-backdrop="static" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">添加</h4>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body">
            <div class="form-group">
              <input id="id" type="hidden" class="form-control" />
            </div>
              <div class="form-group">
                <label for="content">内容</label>
                <input id="content" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="title">标题</label>
                <input id="title" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="icon">图标</label>
                <input id="icon" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="createTime">创建时间</label>
                <input id="createTime" type="text" class="form-control" />
              </div>
              <div class="form-group">
                <label for="read">1已读，0未读</label>
                <input id="read" type="text" class="form-control" />
              </div>
      </div>
      <div class="modal-footer">

        <button type="button" id="modifyBtn" class="btn btn-primary" onclick="editInfo()">添加</button>
        <button type="button" id="closeBtn" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>
<hr/>
<table id="mytable"  class="table table-hover"></table>

<h2>消息通知-已读</h2>
<div class="form-group">
  <div class="col-xl-12">
    <label class="col-xl-1">内容</label> <input type="text" class="col-xl-2" id="search_content_read" name="content" placeholder="内容" >
    <label class="col-xl-1">标题</label> <input type="text" class="col-xl-2" id="search_title_read" name="title" placeholder="标题" >
    <label class="col-xl-1">图标</label> <input type="text" class="col-xl-2" id="search_icon_read" name="icon" placeholder="图标" >
    <input type="button" style="float: right" id="search_btn_read" class="btn btn-default btn-primary col-xl-1" value="查 询" >
  </div>
</div>
<table id="mytableread"  class="table table-hover"></table>
</body>

<script th:src="@{/static/common/DbCompareReport.js}">
</script>

</html>